/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
    font-family: 微软雅黑;
}

/*将标签原有的默认内外边距去掉*/
fieldset, image, input, button {
    border: none; /*去掉边框*/
    padding: 0;
    margin: 0;
    outline-style: none; /*去掉环绕边框*/

}

* {
    margin: 0px;
    padding: 0px;
    touch-action: pan-y;
}

html, body {
    overflow: hidden;
    background-image: url(../img/bj.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: all 1s;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    min-width: 900px;
}

.content {
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all 0.75s ease 0s;
    position: relative;
}

.z-vlayout-inner{
    width: 558px;
    height: 480px;
    left: 28px;
    top: 35px;
    z-index: 50;
    transform: rotate(0deg);
}
img{
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.z-hlayout, .z-vlayout{
    overflow: inherit;
}

.z-hlayout > .z-hlayout-inner > .z-vlayout > div:first-child {
    margin-bottom: 45px;
}

.container > div {
    width: 1027px;
    height: 663px;
}
.top_right, .bottom_right, .top_left, .bottom_left{
    background-image: url(../img/frombox.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 558px;
    height:480px;
}

.middle{
    width: 1034px;
}

.middle > div:first-child{
    height: 59px;
    margin-bottom: 0 !important;
    width: 100%;
}

.data_frame{
    float: left;
    width: 1027px;
    height: 107px;
    text-align: center;
    margin-top: 18%;
    padding-right: 19px;
}

.data_frame > div{
    float: left;
    width: 25%;
}

.template_title{
    width: 1034px;
    height: 93px;
    text-align: center;
}

.template_title > span {
    font-size: 4rem;
    font-weight: 600;
    color: #fff;
}

.data_name{
    width: 100%;
    height: 100%;
    font-size: 24px;
    color: rgb(255, 255, 255);
    margin-bottom: 16px;
}

.data_name > span {
    font-size: 24px;
}

.data_number{
    width: 100%;
    height: 100%;
    font-size: 42px;
    color: rgb(52, 181, 119);
    font-family: 微软雅黑;
    font-weight: 700;
    text-shadow: 0 0 11px #007bff, 4px 5px 0px #000000;
    border-width: 0px;
}

.data_unit{
    width: 100%;
    height: 100%;
    font-size: 24px;
    color: rgb(255, 255, 255);
}

.data_number1{
    color: rgb(106, 157, 236);
}
.data_number2{
    color: rgb(71, 202, 212);
}
.data_number3{
    color: rgb(208, 207, 86);
}